{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h2>Add Expense</h2>
  <form method="POST">
    {% csrf_token %}
    <div class="form-group mb-2">
      <label>Title</label>
      <input type="text" name="title" class="form-control" required>
    </div>
    <div class="form-group mb-2">
      <label>Category</label>
      <select name="category" class="form-control" required>
        {% for cat in categories %}
        <option value="{{ cat.id }}">{{ cat.name }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="form-group mb-2">
      <label>Amount</label>
      <input type="number" name="amount" step="0.01" class="form-control" required>
    </div>
    <div class="form-group mb-2">
      <label>Date</label>
      <input type="date" name="date" class="form-control">
    </div>
    <div class="form-group mb-2">
      <label>Description</label>
      <textarea name="description" class="form-control"></textarea>
    </div>
    <button type="submit" class="btn btn-success">Save</button>
    <a href="{% url 'dashboard' %}" class="btn btn-secondary">Cancel</a>
  </form>
</div>
{% endblock %}